<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <body>

        <ui:composition template="./newTemplate.xhtml">
            <ui:define name="content">
                <h:form>
                    <center>
                        <p:panelGrid columns="2" > 
                            <h:outputText id="lblTexto" value="Seleccione un Rol: " />
                            <p:selectOneMenu id="txtCodUsuario" value="#{hdUsuariosController.codRol}" required="true">
                                <f:selectItems value="#{hdRolesController.itemsAvailableSelectOne}" />
                            </p:selectOneMenu>
                            <f:facet name="footer"> 
                                <p:commandButton id="btnaccionar" value="Procesar"  action="#{hdUsuariosController.procesarTran()}" ajax="false"/>
                            </f:facet>
                        </p:panelGrid> 
                    </center>

                    <p:dataTable id="usuarios" value="#{hdUsuariosController.listaUsuarios}" var="user" paginator="true" rows="10">
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Código" />
                            </f:facet>
                            <h:outputText id="Cod" value="#{user.codUsuario}" />
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Nombres" />
                            </f:facet>
                            <h:outputText id="nomUsuario" value="#{user.nomUsuario}" />
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Apellidos" />
                            </f:facet>
                            <h:outputText id="apeUsuarios" value="#{user.apeUsuarios}" />
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Area" />
                            </f:facet>
                            <h:outputText id="desArea" value="#{user.codArea.desArea}" />
                        </p:column>
                    </p:dataTable>
                </h:form>  
            </ui:define>

            <ui:define name="bottom">
                bottom
            </ui:define>

        </ui:composition>

    </body>
</html>
